<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS3 background-image属性</title>
    <style>
        /* CSS3中可以通过background-image属性添加背景图片。 */
        /* 不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。 */

        #example1 {
            background-image: url('images/img_flwr.gif'), url('images/paper.gif');
            background-position: right bottom, left top;
            background-repeat: no-repeat, repeat;
            padding: 15px;
        }
    </style>
</head>

<body>

    <div id="example1">
        <h1>Lorem Ipsum Dolor</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
            dolore magna aliquam erat volutpat.</p>
        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
            commodo consequat.</p>
    </div>

</body>

</html>